<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8" isELIgnored="false"%>
<!DOCTYPE html>
<html lang="en-us">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="icon" href="favicon.ico" />
    <!--jquery库-->
    <script src="../js/jquery.min.js"></script>
    <!--bootstrap库-->
    <link href="../css/bootstrap.min.css" rel="stylesheet" />
    <script src="../js/bootstrap.min.js"></script>
    <!--[if lt IE 9]>
      <script src="js/bootstrap/html5shiv.min.js"></script>
      <script src="js/bootstrap/respond.min.js"></script>
    <![endif]-->
    <!--font-awesome字体库-->
    <link href="../css/font-awesome.min.css" rel="stylesheet" />
    <!--页面加载进度条-->
    <link href="../css/pace/dataurl.css" rel="stylesheet" />
    <script src="../js/pace/pace.min.js"></script>

    <!--jquery.hammer手势插件-->
    <script src="../js/jquery.hammer/hammer.min.js"></script>
    <script src="../js/jquery.hammer/jquery.hammer.js"></script>
    
    <!--平滑滚动到顶部库-->
    <script src="../js/jquery.scrolltopcontrol/scrolltopcontrol.js" type="text/javascript"></script>
    
  
    <!--主要写的css代码-->
    <link href="../css/default.css" rel="stylesheet" type="text/css" />
    
    <!--主要写的js代码-->
    <script src="../js/default.js" type="text/javascript"></script>
</head>
<body>
      <input type="hidden" id="hiddenicnum" name="icnum" value="${sessionScope.icnum }">
      
      
  	<nav class="navbar navbar-inverse navbar-fixed-top">
		<div class="container-fluid">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle show pull-left"
					data-target="sidebar">
					<span class="sr-only">Toggle navigation</span> <span
						class="icon-bar"></span><span class="icon-bar"></span><span
						class="icon-bar"></span>
				</button>
				<button type="button" class="navbar-toggle collapsed"
					data-toggle="collapse" data-target="#navbar" aria-expanded="false"
					aria-controls="navbar">
					<span class="sr-only">Toggle navigation</span> <span
						class="icon-bar"></span><span class="icon-bar"></span><span
						class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="foodslist.jsp">首页</a>
			</div>
			<div id="navbar" class="collapse navbar-collapse">
				<ul class="nav navbar-nav">
					<li><a href="orderlist.jsp">订单管理</a></li>
					<li><span id="unreadNum" class="badge" style="background-color: red">0</span></li>
					<li><a href="foodslist.jsp">菜品管理</a></li>
					<li><a href="orderComment.jsp">订单评论</a></li>
					<li><a href="foodAd.jsp">菜品推荐</a></li>
					<li><a id="showStatus" >营业中...</a></li>
				</ul>
				<ul class="nav navbar-nav navbar-right">
					<li class="dropdown"><a href="#" class="dropdown-toggle"
						data-toggle="dropdown" role="button" aria-expanded="false"><i
							class="fa fa-user fa-fw"></i>&nbsp;${sessionScope.name }&nbsp;<span
							class="caret"></span></a>
						<ul class="dropdown-menu" role="menu">
							<li><a href="orderlist.jsp">订单管理</a></li>
							<li class="divider"></li>
							<li><a href="foodslist.jsp">菜品管理</a></li>
							<li class="divider"></li>
							<li><a href="orderComment.jsp">订单评论</a></li>
							<li class="divider"></li>
							<li><a href="foodAd.jsp">菜品推荐</a></li>
							<li class="divider"></li>
							<li><a href="../login.jsp"><i
									class="fa fa-sign-out fa-fw"></i>&nbsp;退出登录</a></li>
						</ul></li>
				</ul>
			</div>
		</div>
	</nav>
      
   
    <div class="container-fluid all">
        <div class="sidebar">
            <div>
                <div id="myMsg">
				<h3 align="center">我的信息</h3>
				
				<div>
					<h5 align="center" id="porName"></h5>
					<h5 align="center" id="porAddr"></h5>
				</div>
				<div>
					<img id="portrait" src=""
						style="height: 200px; width: 200px; margin-left: 10px;" />
				</div>
			    </div>
                <h3 align="center" >我的订单</h3>
            </div>
            <ul class="nav" style="margin-top:20px">
                <li class="has-sub">
                    <a href="javascript:void(0)"><span style="align-content: center">订单选项</span><i class="fa fa-caret-right fa-fw pull-right"></i></a>
                    <ul class="sub-menu">
                        <li><a href="javascript:void(0)" id="0" class="check"><i class="fa fa-circle-o fa-fw"></i>&nbsp;全部订单</a></li>
                        <li><a href="javascript:void(0)" id="1" class="check"><i class="fa fa-circle-o fa-fw"></i>&nbsp;待接订单</a></li>
                        <li><a href="javascript:void(0)" id="2" class="check"><i class="fa fa-circle-o fa-fw"></i>&nbsp;已接订单</a></li>
                        <li><a href="javascript:void(0)" id="3" class="check"><i class="fa fa-circle-o fa-fw"></i>&nbsp;被拒订单</a></li>
                        <li><a href="javascript:void(0)" id="4" class="check"><i class="fa fa-circle-o fa-fw"></i>&nbsp;配送中订单</a></li>
                        <li><a href="javascript:void(0)" id="5" class="check"><i class="fa fa-circle-o fa-fw"></i>&nbsp;已完成订单</a></li>
                    </ul>
                </li>
            </ul>
        </div>
    <table class="table table-hover" id="orderTable">
      <thead>
        <tr>
          <th>订单号</th>
          <th>订单客户</th>
          <th>下单时间</th>
          <th>配送地址</th>
          <th>状态</th>
          <th>接单</th>
          <th>拒单</th>
          <th>配送</th>
          <th>详情</th>
        </tr>
      </thead>
        <tbody id="tbody">
<!--        <tr class="info">
          <th scope="row">1</th>
          <td>这是等待被接订单啊</td>
          <td>随便你什么时候</td>
          <td>2122122</td>
          <td>待接订单用蓝色</td>
          <td><button class="detailinfo">详情</button></td>
        </tr>
        <tr class="danger">
          <th scope="row">1</th>
          <td>已经接单还没有配送</td>
          <td>随便你什么时候</td>
          <td>2122122</td>
          <td>已经接单还不配送用红色</td>
          <td><button class="detailinfo">详情</button></td>
        </tr>
        <tr class="warning">
          <th scope="row">4</th>
          <td>被拒绝的订单</td>
          <td>刚刚下的单</td>
          <td>一万块</td>
          <td>被拒用黄色</td>
          <td><button class="detailinfo">详情</button></td>
        </tr>
        <tr class="active">
          <th scope="row">7</th>
          <td>在配送中的订单啊</td>
          <td>刚刚下的单</td>
          <td>一万块</td>
          <td>配送中订单原来的颜色</td>
          <td><button class="detailinfo">详情</button></td>
        </tr>
        <tr class="success">
          <th scope="row">7</th>
          <td>已完成的订单啊</td>
          <td>刚刚下的单</td>
          <td>一万块</td>
          <td>完成用绿色</td>
          <td><button class="detailinfo">详情</button></td>
        </tr>-->
      </tbody>
      
    </table>
        
</div>
 	<div class="modal fade" id="myModal" tabindex="-1" role="dialog">
          <div class="modal-dialog" role="document">
            <div class="modal-content">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
              </div>
              <div class="modal-body">
                  <div class="form-horizontal">
                      <div class="control-group">
                          <label class="control-label" for="omoid">订单号</label>
                          <div class="controls">
                              <input type="text" id="omoid" name="id" disabled="disabled">
                          </div>
                      </div>
                      <div class="control-group">
                          <label class="control-label" for="omorderinfo">订单信息</label>
                          <div class="controls">
                              <textarea class="well"id="omorderinfo" name="orderinfo" disabled="disabled" style="height：150px; width:570px;">这个包括客户信息，配送信息，订单里的菜品信息，数量（价格）</textarea>
                          </div>
                      </div>
                       <div class="control-group">
                          <label class="control-label" for="omcomment">客户评论</label>
                          <div class="controls">
                               <textarea class="well"id="omcomment" name="comment" disabled="disabled" style="height：100px; width:570px;">这是客户的评论，不能操作的</textarea>
                          </div>
                      </div>
                      <div class="control-group">
                        <label class="control-label" for="omreply">回复</label>
                        <span><p>还可以输入<span id="word">50</span>个字</p></span>
                        <textarea class="well" id="omreply" name="reply" style="height：100px; width:570px;" disabled="disabled">不能在这里回复的，这里只限于查看</textarea>
                      </div>
                  </div>
                </div>
              <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
              </div>
            </div>
	      </div>
       </div>
       <!-- 拉黑拉白模态框 -->
	<div class="modal fade" id="black" tabindex="-1" role="dialog" data-backdrop="static">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-body">
					<div style="color: red"><h1>您暂时没有操作权限</h1></div>
				</div>
			</div>
			<!-- /.modal-content -->
		</div>
		<!-- /.modal-dialog -->
	</div>
	<!-- /.modal -->
       
       
<script type="text/javascript" src="../js/orderlist.js"></script>
   
</body>
</html>
